<template>
    <el-main>

        <div v-if="state.pageLoading">
            <el-card shadow="never">
                <el-skeleton :rows="1"></el-skeleton>
            </el-card>
            <el-card shadow="never" style="margin-top: 15px;">
                <el-skeleton></el-skeleton>
            </el-card>
        </div>

        <widgets v-else></widgets>

    </el-main>
</template>

<script setup>

import {defineAsyncComponent, reactive} from "vue";

const Widgets = defineAsyncComponent(() => import('./widgets'));

const state = reactive({
    pageLoading: true,
})

setTimeout(() => {
    state.pageLoading = false;
}, 300)

</script>

<script>
export default {
    name: 'dashboard'
}
</script>

<style scoped>

</style>